<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../../dist/layui/layui.js"></script>
		<script src="../../dist/layui/jquery-3.5.0.js"></script>
		<link rel="stylesheet" type="text/css" href="../../dist/layui/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="../../dist/layui/css/time.css" />
        <style>
          
        </style>
	</head>
	<body>
		<div class="general">
			  <!-- logo -->
			  <div class="logo"><img src="../../dist/layui/image/logo.png" alt=""></div>
			  <div class="menuItem-right">
				  <div class="menuItem-right">
					  <ul>
						  <li class="on"><a href="General.html">基本概况</a></li>
						  <li ><a href="map_shower.html">生态评估</a></li>
						  <li><a href="Analysis.html">分析预测</a></li>
						  <!-- <li>更多</li> -->
						  <li class="names">你好</li>
						  <li style="cursor: pointer;" onclick="logout()">退出</li>
					  </ul>
				  </div>
			  </div>
		</div>
		
		<div class="main">
			<ul class="general-nav">
				<li class="on">基本情况</li>
				<li >生态服务</li>
			</ul>
			<div class="two-top">
				<div class="two-left"><img class=""  src="../../dist/layui/image/pic4.jpg" alt="" width="650"/></div>
				<div  class="two-right">
					<p class="tit" >基本情况介绍</p>
					 <div class="tit-content">
						东北林业大学帽儿山实验林场在43年的经营过程中,依据森林经营理论,运用森林生态演替规律不断调整林分结构,实行流域管理、分层抚育的方法促进了循环更新,有效地进行了森林资源的再生产,在生态环境建设方面取得了显著效果。
					 </div>
				</div>
			</div>
			<div class="two-center">
				<p class="tit" >地貌特点</p>
				<p class="two-center-conete" style="margin-bottom:0 ;">帽儿山总面积为26 507 , 有林地面积为20 383 .1  , 疏林地为305 .9 , 无林地为120.1 ,非林地为 944.3 , 森林覆被率为 85%。</p>
				<p class="two-center-conete">该场位于黑龙江省尚志市帽儿山镇境内, 属于 长白山系张广才岭西坡, 为松花江流域。地理坐标 为东经127°30′～127°34′, 北纬 45°20′～45°25′;地貌 属于低山丘陵, 绵延起伏, 平均海拔 300  , 平均坡 度10°～15°。区域内由于地形因素所致, 形成由分水 岭包围的独立集水单元, 构成级别不等、面积各异的 汇水区( 也称流域) , 将林场分成若干个流域区, 从而 界定不同的生态环境, 为森林经营打下了基础。</p>
			</div>
			<div class="two-center">
				<p class="tit" >气候土壤情况</p>
				<p class="two-center-conete" style="margin-bottom:0 ;">区域性气候为大陆性季风气候, 四季分明, 冬长 夏短。冬季寒冷干燥, 夏季空气湿热, 春季气候干 燥, 蒸发量大, 秋季温度略高于春季, 从地理位置分析, 属温带湿润地区气候。</p>
				<p class="two-center-conete">帽儿山实验属于温带大陆性季风气候，四季分明，冬季寒冷干燥且持续时间较长。年平均气温2.8 ，最高气温在夏季达到34 ，年积温（ 10 ）2582 ，年日照时数2471.3 ，无霜期120~140 ，年降水量723 ，主要集中在夏季，年蒸发量1093.9。</p>
				<p class="two-center-conete">冬季气温受蒙古东部高压影响，由于冷空气的作用，使气温变化加大，呈急剧下降的趋势，气温日较差小；当寒潮来临时，常伴有大风、暴雪等极端天气出现，气温骤降，低至-39 以下，由于低压现象频发，因此天气变化无常，降雪量骤增。春秋季为过渡性季节，少雨易干旱，四、五月的降水量仅85.4，占全年总降水量的12%，最长无降水日可长达28天，个别年份极端无降水日可达37天之久，旱象严重，即使在短时间内降雨，春季蒸发量大，也很难缓和。六月份蒸发量达238.1 ，占全年总蒸发量的21%。</p>
				<p class="two-center-conete">土壤类型主要是典型暗棕壤，还有大量的白浆化暗棕壤和草甸暗棕壤分布，其中，原始暗棕壤土分布面积约为1246.5  ，比重占4.82 ；白浆化暗棕壤土分布面积约为1399.3  ，比重占5.41 ；草甸暗棕壤土分布面积约为1179.0  比重占4.56 ；从各类土壤分布情况的总体上看，土地生产潜力较大，对发展林业十分有利。</p>
			</div>
			<div class="two-bottom">
				<div class="two-bottom-left">
					<p class="tit">植被类型</p>
					<p class="two-bottom-left-content">
						地带性植被为阔叶红松林, 经过历史上反复破 坏和不合理的开发利用, 使原生植被已不复存在, 通 过经营已恢复成不同阶段的天然次生林, 主要林分 类型有杨桦林、珍贵硬阔混交林 、色、榆、柞为主的硬杂木林以及红松、樟子松、落叶松为主的人工林 。现已形成不同类型的复层异龄混交林, 具有显著的生态功能和社会经济功能 。
					</p>
				</div>
				<div class="two-bottom-right">
					<img class=""  src="../../dist/layui/image/pic5.jpg" alt="" />
				</div>
				

			</div>
		</div>
		<div class="main two main-one">
			<ul class="general-nav " style="left: -113px;">
				<li >基本情况</li>
				<li class="on">生态服务</li>
			</ul>
			<div>
				<img class=""  src="../../dist/layui/image/pic1.jpg" alt=""/>
			</div>
			<div class="main-one">
				<p class="tit">评估结果</p>
				<div class="main-one-value">
					<div>
						<p class="main-one-value-p">257822元</p>
						<p class="main-one-value-p" style="color: #797979;font-size: 16px;font-weight: 100;padding-top: 10px;">2018年生态价值总量</p>
					</div>
					<div>
						<p class="main-one-value-p" style="color: #000;">229440万元</p>
						<p class="main-one-value-p" style="color: #797979;font-size: 16px;font-weight: 100;padding-top: 10px;">2019年生态价值总量</p>
					</div>
				</div>
				<div id="echatts" style="width:1200px;height:400px;margin-top: 40px;"></div>
			</div>
			<div class="main-one">
				<p class="tit">评估内容</p>
				<div class="main-one-content">
					<img class=""  src="../../dist/layui/image/pic3.png" alt="" width="400"/>
				</div>
				<p class="main-one-v">森林生态系统与生态过程所形成及维持的人类赖以生存的自然环境条件与效用。主要包括森林在涵养水源、保育土壤、固碳释氧、积累营养物质、净化大气环境、森 林防护、生物多样性保护和森林游憩等方面提供的生态服务功能。</p>
				<div class="main-one-tip">
					<ul>
						<li>
							<p class="tit">固碳释氧 <span style="color: #c7c7c7;text-transform:uppercase;font-size: 14px;font-weight:100"> carbon fixation， oxygen released</span></p>
							<p  class="contents">
								森林生态系统通过森林植被、土壤动物和微生物固定碳素、释放氧气的功能。 
							</p>
						</li>
						<li>
							<p class="tit">积累营养物质 <span style="color: #c7c7c7;text-transform:uppercase;font-size: 14px;font-weight:100"> nutrient accumulation</span></p>
							<p  class="contents">
								森林植物通过生化反应，在大气、土壤和降水中吸收 N、 P、 K 等营养物质并贮存在体内各器官的功能。森林植被的积累营养物质功能对降低下游面源污染及水体富营养化有重要作用。 
							</p>
						</li>
						<li>
							<p class="tit">涵养水源 <span style="color: #c7c7c7;text-transform:uppercase;font-size: 14px;font-weight:100"> water conservation</span></p>
							<p  class="contents">
								森林对降水的截留、吸收和贮存，将地表水转为地表径流或地下水的作用。主要功能表现在增加可利用水资源、净化水质和调节径流三个方面。 
							</p>
						</li>
						<li>
							<p class="tit">保育土壤 <span style="color: #c7c7c7;text-transform:uppercase;font-size: 14px;font-weight:100"> soil conservation</span></p>
							<p  class="contents">
								森林中活地被物和凋落物层层截留降水，降低水滴对表土的冲击和地表径流的侵蚀作用；同时林木根系固持土壤，防止土壤崩塌泻溜，减少土壤肥力损失以及改善土壤结构的功能。 
							</p>
						</li>
						<li>
							<p class="tit">物种保育 <span style="color: #c7c7c7;text-transform:uppercase;font-size: 14px;font-weight:100"> species conservation</span></p>
							<p  class="contents">
								森林生态系统为生物物种提供生存与繁衍的场所，从而对其起到保育作用的功能。 
							</p>
						</li>
						<li>
							<p class="tit">净化大气环境 <span style="color: #c7c7c7;text-transform:uppercase;font-size: 14px;font-weight:100"> tmosphere environmental purification</span></p>
							<p  class="contents">
								森林生态系统对大气污染物（如二氧化硫、氟化物、氮氧化物、粉尘、重金属等）的吸收、过滤、阻隔和分解，以及降低噪音、提供负离子和萜烯类（如芬多精）物质等功能。 
							</p>
						</li>
					</ul>
				</div>
				<div class="main-one" style="margin-top: 20px;clear: both;">
					<p class="tit" >主要数据</p>
					<div class="imgs">
						<img class=""  src="../../dist/layui/image/pic2.png" alt="" width="1050"/>
					</div>
					
				</div>
			</div>
		</div>
		
		<script src="../../dist/layui/echarts.min.js"></script>
		<script>
			echsa()
			 $(".general-nav li").click(function() {
				$(".general-nav li").eq($(this).index()).addClass("on").siblings().removeClass('on');
				$(".main").hide().eq($(this).index()).show();
				//另一种方法: $("div").eq($(".tab li").index(this)).addClass("on").siblings().removeClass('on'); 

			});
			if(JSON.parse(window.localStorage.getItem('nickname'))){
				$('.names').html(JSON.parse(window.localStorage.getItem('nickname'))+ ' 你好')
			}else{
				$('.names').html( '用户未登陆')
			}	
			
			//生成饼图
			function echsa(){
				var myChart = echarts.init(document.getElementById('echatts'));
				 //指定图表的配置项和数据
				 myChart.clear();
                    var option = {
						grid: {  
                            top: '20%',  
                            left: '8%',  
                           
                        } ,
						title: {
							text: '不同林场之间生态价值变化如下',
							textStyle:{
								color:'#797979'
							}
							
						},
						color: ['#07a1a3','#ff524c'],
                        legend: {
							x: '80%' //居右显示
						},
						tooltip: {},
						dataset: {
							dimensions: ['product', '2019', '2018'],
							source: [
								{product: '老山', '2018':26420.9749603432,  '2019': 23714.9108814553 },
								{product: '蜜蜂', '2018':22191.8373205265,  '2019': 19871.3793506078},
								{product: '东林', '2018': 31082.1383004446, '2019': 28074.9819983563},
								{product: '太平', '2018': 31082.1383004446, '2019': 18396.9010112845},
								{product: '北林', '2018': 20917.090133267,  '2019': 29831.1300330079},
								{product: '中林', '2018': 32748.5962407957, '2019': 22905.3757263502},
								{product: '跃进', '2018': 25920.3654940142, '2019': 27470.3638182004},
								{product: '新垦', '2018': 31251.28509646,   '2019': 21891.6715237832},
								{product: '老爷岭', '2018':25041.9748081362, '2019': 22038.2864918164},
								{product: '尖砬沟', '2018':24804.3501173771, '2019': 15245.3100320736},
							]
						},

						xAxis: {type: 'category'},
						yAxis: {
							axisLabel:{
								formatter:'{value} 万元'
							}
						},
						// Declare several bar series, each will be mapped
						// to a column of dataset.source by default.
						series: [
							{type: 'bar'},
							{type: 'bar'},
					
						]
                    };
                    myChart.hideLoading();
                    //使用刚指定的配置项和数据显示图表
                    myChart.setOption(option);
			}
			function logout(){
                let self = this
                $.ajax({
                    type: "get",
                    url: '/linda/logout',
                    dataType: "json",
                    contentType: "application/json",
                    // xhrFields: {
                    //     withCredentials: true
                    // },
                    xhrFields: {
                        withCredentials: true
                    },
                    success: function (data) {
                        if (data.code == 200) {
                            window.location.href = '/load.html'
                            window.localStorage.removeItem('nickname')
                        } else {
                            console.log('出现错误')
                        }
                    },
                    error: function (jqXHR) {
                        alert("发生错误");
                    },
                });
             }
		</script>
	</body>
</html>

